//导入react和react-dom
// react负责创建元素-虚拟的Dom
import React from "react";
// reactDOM负责渲染react元素
import ReactDOM from "react-dom";

// 创建react元素
// 语法：React.createElement（'标签类型'，{标签属性名：属性值}，'标签内容'）
// 注意：如果不需要任何的标签属性，可以写{}或者null
const test = React.createElement('div', { h1: 'Hi' }, 'Hello,React')
console.log('test',test);


// 渲染元素到页面
// 语法：ReactDOM.render（react元素，真实的dom作为挂载点）
ReactDOM.render(test,document.getElementById('root'))
